.c-button {
  height: 36px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  font-size: $font-default;
  //   min-width: 64px;
  padding: 0 16px;
  font-weight: 500;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  gap: 5px;
}

.c-button-primary {
  background-color: $blue-500  !important;
  color: $blue-50  !important;
}

.c-button-success {
  background-color: $green-500  !important;
  color: $green-50  !important;
}

.c-button-warning {
  background-color: $orange-500  !important;
  color: $orange-50  !important;
}

.c-button-cain {
  background-color: $cain  !important;
  color: white  !important;
}

.c-button-circle {
  width: 56px !important;
  height: 56px;
  padding: 0 !important;
  border-radius: 50% !important;
}

.c-button-text {
  background-color: white !important;
  box-shadow: none !important;
}